<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="Description" content="腾讯游戏《天天酷跑》轻松好玩、简单时尚。《天天酷跑》时尚Q版角色与酷炫道具的完美结合！滑行玩法让跑酷与众不同！" />
  <meta name="Keywords" content="天天酷跑，天天酷跑官网，天天酷跑游戏，天天酷跑官方，酷跑，天天酷跑手机游戏，天天酷跑手机版" />
  <title>天天酷跑-官方网站-腾讯游戏</title>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <!-- 音乐 -->
  <audio src="images/play.mp3" loop class="music"></audio>
  <!-- 跑步数据 -->
  <div class="data">
    <span>当前进度：0m</span>&emsp;
    <span>目标进度：1500m</span>
    <div class="life">
      <i class="iconfont red">&#xe60d;</i>
      <i class="iconfont red">&#xe60d;</i>
      <i class="iconfont red">&#xe60d;</i>
    </div>
  </div>
  <div class="target"></div>
  <!-- 遮罩层 -->
  <div class="masking"><button>开始游戏</button></div>
  <!-- 天空 -->
  <div class="sky"></div>
  <!-- 酷跑英雄 -->
  <div class="hero"></div>
  <!-- 障碍物 -->
  <div class="barrier"></div>
  <!-- 公路平铺图片 -->
  <div class="highway"></div>
  <script src="./js/index.js"></script>
</body>

</html>